<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout"
      layout:decorator="manage/manage_layout_sub">

<head>
    <title>用户管理-新增</title>
</head>

<body class="manage manage-user">

<div layout:fragment="content">
    <div class="container">
        <form class="form-horizontal" onsubmit="return false;">
            <div class="form-group">
                <label for="userId" class="col-sm-4 control-label">用户ID：</label>
                <div class="col-sm-4">
                    <input type="text" class="form-control" id="userId" name="userId" placeholder="">
                </div>
            </div>
            <div class="form-group">
                <label for="userName" class="col-sm-4 control-label">用户名称：</label>
                <div class="col-sm-4">
                    <input type="text" class="form-control" id="userName" name="userName" placeholder="">
                </div>
            </div>
            <div class="form-group">
                <label for="phone" class="col-sm-4 control-label">手机号码：</label>
                <div class="col-sm-4">
                    <input type="text" class="form-control" id="phone" name="phone" placeholder="">
                </div>
            </div>
            <div class="form-group">
                <label for="startTime" class="col-sm-4 control-label">开始时间：</label>
                <div class="col-sm-4">
                    <input type="text" class="form-control" id="startTime" name="startTime" placeholder="请选择账号有效期的开始时间">
                </div>
            </div>
            <div class="form-group">
                <label for="endTime" class="col-sm-4 control-label">结束时间：</label>
                <div class="col-sm-4">
                    <input type="text" class="form-control" id="endTime" name="endTime" placeholder="请选择账号有效期的结束时间">
                </div>
            </div>
            <div class="form-group">
                <label for="status" class="col-sm-4 control-label">状态：</label>
                <div class="col-sm-4">
                    <select class="form-control select2" id="status" name="status">
                        <option value="">请选择状态</option>
                        <option value="1">上线</option>
                        <option value="0">下线</option>
                    </select>
                </div>
            </div>
            <div class="form-group">
                <label for="areaId" class="col-sm-4 control-label">归属地：</label>
                <div class="col-sm-4">
                    <select class="form-control select2" id="areaId" name="areaId" placeholder="请选择归属地"></select>
                </div>
            </div>
            <div class="form-group">
                <label for="roleIds" class="col-sm-4 control-label">角色：</label>
                <div class="col-sm-4">
                    <select class="form-control select2" id="roleIds" name="roleIds" multiple="multiple"
                            placeholder="请选择角色，可以多选"></select><a href="javascript:Base.dialogIframe('角色新增' ,'/manage/role/add/index')" target="_blank">没有合适的角色，点击这里创建角色</a>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-offset-4 col-sm-4">
                    <button type="submit" class="btn btn-primary">保存</button>
                    <button type="reset" class="btn btn-default" id="resetBtn">重置</button>
                </div>
            </div>
        </form>

    </div>

    <script th:replace="common/common_libs::commonjs"></script>
    <script src="/js/manage/user.js"></script>
    <script>
        initUserAddPage();
        var selAreaId = "";
        var selRoleIds = "";
    </script>
</div>

</body>
</html>